<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>InfiniStudio</title>
    <link rel="stylesheet" href="css/style3.css" media="screen" title="no title" charset="utf-8">
  </head>
  <body>
    <div class="whole">
      <header class="header">
        <figure class="logo">
          <img src="img/title.png" alt="logo" />
        </figure>
        <nav class="nav">
          <a href="#">HOME</a>
          <a href="#">WORK</a>
          <a href="#">CONTACT</a>
          <a href="#">JOIN US</a>
        </nav>
      </header>
      <div class="content">
        <div class="top">
          <div class="swiper">
            <div class="slider">
              <img src="img/title2.jpg" alt="focus" />
              <p>
                在豆瓣，兴趣让与用户与品牌不期而遇
              </p>
            </div>
            <div class="pagination">
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </div>
          <p class="aboutme">
            Infini Studio (映纷创意)是一家创意机构，专注于动画影像的创意与设计。我们使用设计、绘画、动画、特效及多种创新形式(Motion Graphics)，以动态视觉语言对品牌与内容进行创意呈现。并由动画导演、设计师、插画师、三维艺术家共同协作完成。服务的领域包括广告、影视、交互H5、新媒体等。
          </p>
          <div class="parnter">
            <img src="img/1.jpg" alt="" />
            <img src="img/2.jpg" alt="" />
            <img src="img/3.jpg" alt="" />
            <img src="img/4.jpg" alt="" />
            <img src="img/5.jpg" alt="" />
            <img src="img/6.jpg" alt="" />
            <img src="img/7.jpg" alt="" />
            <img src="img/8.jpg" alt="" />
            <img src="img/9.jpg" alt="" />
            <img src="img/10.jpg" alt="" />
            <img src="img/11.jpg" alt="" />
            <img src="img/12.jpg" alt="" />
            <img src="img/13.jpg" alt="" />
            <img src="img/14.jpg" alt="" />
          </div>
        </div>
        <div class="waterflow">
          <div class="cell">
            <figure class="cell-img">
              <img src="img/1-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
                <p class="m1">
                今日头条
                </p>
                <p class="m2">
                今天就看今日头条－－影院版
                </p>

            </div>
            </figure>
            <p class="c-title">
            今天就看今日头条
            </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                北安新闻
              </p>
              <p class="m2">
                北安新闻栏目片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            北安新闻
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                易车影业
              </p>
              <p class="m2">
                《易车影业》片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            易车影业
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                今日头条
              </p>
              <p class="m2">
                2016“春节回家”数据H5
              </p>

            </div>
          </figure>
          <p class="c-title">
            为什么我们要回家过年
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                开窍
              </p>
              <p class="m2">
                开窍APP创意视频
              </p>

            </div>
          </figure>
          <p class="c-title">
            开窍APP
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                完美世界
              </p>
              <p class="m2">
                游戏《诛仙世界》终极法宝揭秘--巨型仙舰
              </p>

            </div>
          </figure>
          <p class="c-title">
            诛仙世界CG动画
          </p>

          </div>
          <div class="cell">
            <figure class="cell-img">
              <img src="img/1-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
                <p class="m1">
                今日头条
                </p>
                <p class="m2">
                今天就看今日头条－－影院版
                </p>

            </div>
            </figure>
            <p class="c-title">
            今天就看今日头条
            </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                北安新闻
              </p>
              <p class="m2">
                北安新闻栏目片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            北安新闻
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                易车影业
              </p>
              <p class="m2">
                《易车影业》片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            易车影业
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                今日头条
              </p>
              <p class="m2">
                2016“春节回家”数据H5
              </p>

            </div>
          </figure>
          <p class="c-title">
            为什么我们要回家过年
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                开窍
              </p>
              <p class="m2">
                开窍APP创意视频
              </p>

            </div>
          </figure>
          <p class="c-title">
            开窍APP
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                完美世界
              </p>
              <p class="m2">
                游戏《诛仙世界》终极法宝揭秘--巨型仙舰
              </p>

            </div>
          </figure>
          <p class="c-title">
            诛仙世界CG动画
          </p>

          </div>
          <div class="cell">
            <figure class="cell-img">
              <img src="img/1-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
                <p class="m1">
                今日头条
                </p>
                <p class="m2">
                今天就看今日头条－－影院版
                </p>

            </div>
            </figure>
            <p class="c-title">
            今天就看今日头条
            </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                北安新闻
              </p>
              <p class="m2">
                北安新闻栏目片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            北安新闻
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                易车影业
              </p>
              <p class="m2">
                《易车影业》片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            易车影业
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                今日头条
              </p>
              <p class="m2">
                2016“春节回家”数据H5
              </p>

            </div>
          </figure>
          <p class="c-title">
            为什么我们要回家过年
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                开窍
              </p>
              <p class="m2">
                开窍APP创意视频
              </p>

            </div>
          </figure>
          <p class="c-title">
            开窍APP
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                完美世界
              </p>
              <p class="m2">
                游戏《诛仙世界》终极法宝揭秘--巨型仙舰
              </p>

            </div>
          </figure>
          <p class="c-title">
            诛仙世界CG动画
          </p>

          </div>
          <div class="cell">
            <figure class="cell-img">
              <img src="img/1-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
                <p class="m1">
                今日头条
                </p>
                <p class="m2">
                今天就看今日头条－－影院版
                </p>

            </div>
            </figure>
            <p class="c-title">
            今天就看今日头条
            </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                北安新闻
              </p>
              <p class="m2">
                北安新闻栏目片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            北安新闻
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                易车影业
              </p>
              <p class="m2">
                《易车影业》片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            易车影业
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                今日头条
              </p>
              <p class="m2">
                2016“春节回家”数据H5
              </p>

            </div>
          </figure>
          <p class="c-title">
            为什么我们要回家过年
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                开窍
              </p>
              <p class="m2">
                开窍APP创意视频
              </p>

            </div>
          </figure>
          <p class="c-title">
            开窍APP
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                完美世界
              </p>
              <p class="m2">
                游戏《诛仙世界》终极法宝揭秘--巨型仙舰
              </p>

            </div>
          </figure>
          <p class="c-title">
            诛仙世界CG动画
          </p>

          </div>
          <div class="cell">
            <figure class="cell-img">
              <img src="img/1-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
                <p class="m1">
                今日头条
                </p>
                <p class="m2">
                今天就看今日头条－－影院版
                </p>

            </div>
            </figure>
            <p class="c-title">
            今天就看今日头条
            </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                北安新闻
              </p>
              <p class="m2">
                北安新闻栏目片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            北安新闻
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/1-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                易车影业
              </p>
              <p class="m2">
                《易车影业》片头动画
              </p>

            </div>
          </figure>
          <p class="c-title">
            易车影业
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-1.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                今日头条
              </p>
              <p class="m2">
                2016“春节回家”数据H5
              </p>

            </div>
          </figure>
          <p class="c-title">
            为什么我们要回家过年
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-2.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                开窍
              </p>
              <p class="m2">
                开窍APP创意视频
              </p>

            </div>
          </figure>
          <p class="c-title">
            开窍APP
          </p>

          </div>
          <div class="cell">
          <figure class="cell-img">
            <img src="img/2-3.jpg" alt="" />
            <div class="mask">

            </div>
            <div class="message">
              <p class="m1">
                完美世界
              </p>
              <p class="m2">
                游戏《诛仙世界》终极法宝揭秘--巨型仙舰
              </p>

            </div>
          </figure>
          <p class="c-title">
            诛仙世界CG动画
          </p>

          </div>
        </div>
      </div>
      <footer class="footer">
        <div class="footer-left">
          <a href="#" class="link">
            <img src="img/contact1.jpg" alt="" />
          </a>
          <a href="#" class="link">
            <img src="img/contact2.jpg" alt="" />
          </a>
          <a href="#" class="link">
            <img src="img/contact3.jpg" alt="" />
          </a>
        </div>
        <div class="footer-right">
          <img src="img/footer_logo.jpg" alt="" />
          <p>
            Infini studio|映纷创意
          </p>
          <p>
            北京市朝阳北路107号院
          </p>
          <p>
            Email:infinistudio@foxmail.com
          </p>
          <p>
            QQ:7585917
          </p>
          <p>
            weibo:@infinistudio
          </p>
        </div>
      </footer>
    </div>
  </body>
</html>
